﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="route.aspx.vb" Inherits="SwissBiking.route" %>
<asp:Content ID="Content1" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    

    <!-- <form id="form1"> -->
    <p>
        &nbsp;</p>
    <p>
        All available routes are below, so see details click the links!!
       
   
</p>
        <asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
            <ItemTemplate>
                  <div class="panel">
  <div class="row">
  <div class="left">
                <a runat="server" href="~/routedetails"><h4><asp:Label ID="titleLabel" runat="server" Text='<%# Eval("title") %>' /></h4></a>
				</div>
				<div class="right"><asp:Label ID="date_addedLabel" runat="server" Text='<%# Eval("date_added") %>' />
				</div>
  </div>
	  <div class="row">
                <asp:Label ID="descriptionLabel" runat="server" Text='<%# Eval("description") %>' />
</div>
            <div class="row" id="listInfoRow">
				<!--<div class="small-3 column"><asp:Label ID="difficultyLabel" runat="server" Text='<%# Eval("difficulty") %>' /></div>
				<div class="small-3 column"><asp:Label ID="ratingLabel" runat="server" Text='<%# Eval("rating") %>' /></div>
				<div class="small-3 column"><asp:Label ID="lengthLabel" runat="server" Text='<%# Eval("length") %>' /></div>
				<div class="small-3 column"><asp:Label ID="typeLabel" runat="server" Text='<%# Eval("type")%>' /></div> -->
            </div>          
<div class="text-center" ><asp:HyperLink runat="server" ID="hl" NavigateUrl='<%# Eval("id", "routedetails.aspx?q={0}")%>' Text='click to view more details...'></asp:HyperLink></div>

</div>
            </ItemTemplate>
            
            <LayoutTemplate>
                <div id="itemPlaceholderContainer" runat="server" style="">
                    <span runat="server" id="itemPlaceholder" />
                </div>
                <div style="">
                    <asp:DataPager ID="DataPager1" runat="server">
                        <Fields>
                            <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                            <asp:NumericPagerField />
                            <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                        </Fields>
                    </asp:DataPager>
                </div>
            </LayoutTemplate>
            <SelectedItemTemplate>
                <span style="">title:
                <asp:Label ID="titleLabel" runat="server" Text='<%# Eval("title") %>' />
                <br />
                description:
                <asp:Label ID="descriptionLabel" runat="server" Text='<%# Eval("description") %>' />
                <br />
                difficulty:
                <asp:Label ID="difficultyLabel" runat="server" Text='<%# Eval("difficulty") %>' />
                <br />
                rating:
                <asp:Label ID="ratingLabel" runat="server" Text='<%# Eval("rating") %>' />
                <br />
                type:
                <asp:Label ID="typeLabel" runat="server" Text='<%# Eval("type") %>' />
                <br />
                date_added:
                <asp:Label ID="date_addedLabel" runat="server" Text='<%# Eval("date_added") %>' />
                <br />
                length:
                <asp:Label ID="lengthLabel" runat="server" Text='<%# Eval("length") %>' />
                <br />
<br /></span>
            </SelectedItemTemplate>
        </asp:ListView>
        <p>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringx %>" ProviderName="<%$ ConnectionStrings:ConnectionStringx.ProviderName %>" SelectCommand="SELECT * FROM [routes] ORDER BY [date_added] DESC"></asp:SqlDataSource>
   
<!--</form> -->








</asp:Content>
